<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>百马树教育</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>

    <link rel="stylesheet" href="../js/libs/sui/sm.min.css">
    <link rel="stylesheet" href="../js/libs/sui/swiper.min.css">
    <!--<link rel="stylesheet" href="../js/libs/sui/sm-extend.min.css">-->
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../less/main.css"/>

    <script type="text/javascript" src='../js/libs/jquery-3.1.0.min.js' charset='utf-8'></script>
    <script type="text/javascript">
        var Zepto = jQuery;
    </script>
    <script type="text/javascript" src='../js/libs/sui/sm.min.js' charset='utf-8'></script>
    <!--<script type="text/javascript" src='../js/libs/sui/sm-city-picker.min.js' charset='utf-8'></script>-->
    <script type="text/javascript" src='../js/libs/sui/swiper.min.js' charset='utf-8'></script>
    <!--<script type="text/javascript" src='../js/libs/sui/sm-extend.min.js' charset='utf-8'></script>-->
    <script type="text/javascript" src="../js/libs/juicer-min.js"></script>
    <script type="text/javascript" src="../js/libs/jquery.md5.js"></script>
    <script type="text/javascript" src="../js/api.js"></script>
    <script type="text/javascript" src="../js/utils.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
</head>
<body>
<div id="page" class="page">
    <header id="header" class="bar bar-nav">
        <h1 id="title" class="title">首页</h1>
        <span class="icon iconfont header-search-btn icon-email" data-tag="0"></span>
    </header>
    <nav class="bar bar-tab">
        <a class="tab-item tab-link active" data-index="0" href="#tab1">
            <span class="iconfont icon">&#xe600;</span>
            <span class="tab-label external">首页</span>
        </a>
        <a class="tab-item tab-link" data-index="1" href="#tab2">
            <span class="iconfont icon">&#xe601;</span>
            <span class="tab-label">培训</span>
        </a>
        <a class="tab-item tab-link" data-index="2" href="#tab3">
            <span class="iconfont icon">&#xe602;</span>
            <span class="tab-label">就业</span>
        </a>
        <a class="tab-item tab-link" data-index="3" href="#tab4">
            <span class="iconfont icon">&#xe604;</span>
            <span class="tab-label">我</span>
        </a>
    </nav>
    <div class="tabs">
        <div id="tab1" class="tab active">
            <div class="bg-white">
                <div class="swiper-container home-swiper" id="home-swiper">
                    <div id="home-lunbo" class="swiper-wrapper">
                         <!--<div class="swiper-slide"><img class="w-100p" src="../images/lunbo.jpg" alt=""></div>-->
                         <!--<div class="swiper-slide"><img class="w-100p" src="../images/lunbo.jpg" alt=""></div>-->
                         <!--<div class="swiper-slide"><img class="w-100p" src="../images/lunbo.jpg" alt=""></div>-->
                    </div>
                    <div class="swiper-pagination" id="home-swiper-pagination"></div>
                </div>
                <!--最新资讯-->
                <div class="index-title c-gray f-normal bg-white">最新资讯</div>
                <div class="content pull-to-refresh-content" data-ptr-distance="20">
                    <div class="pull-to-refresh-layer">
                        <div class="preloader"></div>
                        <div class="pull-to-refresh-arrow"></div>
                    </div>
                    <div class="list-block media-list set-ul-b m-t-0" id="freshnews">
                        <ul id="zixun-ul">
                            <!--<li>-->
                                <!--<a load="public/pages/Duer/news-detail.html" class="item-link item-content external"-->
                                   <!--title="最新资讯"-->
                                   <!--progress="false">-->
                                    <!--<div class="item-media"><img-->
                                            <!--src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"-->
                                            <!--style='width: 2.2rem;'></div>-->
                                    <!--<div class="item-inner">-->
                                        <!--<div class="item-title-row">-->
                                            <!--<div class="item-title">我是最新资讯标题</div>-->
                                        <!--</div>-->
                                        <!--<div class="item-subtitle c-gray">子标题子标题子标题子标题子标题子标题子标题子标题</div>-->
                                    <!--</div>-->
                                <!--</a>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a load="public/pages/Duer/news-detail.html" class="item-link item-content external"-->
                                   <!--title="最新资讯"-->
                                   <!--progress="false">-->
                                    <!--<div class="item-media"><img-->
                                            <!--src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"-->
                                            <!--style='width: 2.2rem;'></div>-->
                                    <!--<div class="item-inner">-->
                                        <!--<div class="item-title-row">-->
                                            <!--<div class="item-title">我是最新资讯标题</div>-->
                                        <!--</div>-->
                                        <!--<div class="item-subtitle c-gray">子标题子标题子标题子标题子标题子标题子标题子标题</div>-->
                                    <!--</div>-->
                                <!--</a>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a load="public/pages/Duer/news-detail.html" class="item-link item-content external"-->
                                   <!--title="最新资讯"-->
                                   <!--progress="false">-->
                                    <!--<div class="item-media"><img-->
                                            <!--src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"-->
                                            <!--style='width: 2.2rem;'></div>-->
                                    <!--<div class="item-inner">-->
                                        <!--<div class="item-title-row">-->
                                            <!--<div class="item-title">我是最新资讯标题</div>-->
                                        <!--</div>-->
                                        <!--<div class="item-subtitle c-gray">子标题子标题子标题子标题子标题子标题子标题子标题</div>-->
                                    <!--</div>-->
                                <!--</a>-->
                            <!--</li>-->
                        </ul>
                    </div>
                </div>
            </div>

        </div>
        <div id="tab2" class="tab">
            <div class="bg-default zhezhaoNode">
                <div class="train-head">
                    <div class="t-center choose-tree"><span>科目类别</span><span class="icon iconfont">&#xe617;</span>
                    </div>
                    <div class="t-center simpleChoose1"><span>企业名称</span><span class="icon iconfont">&#xe617;</span>
                    </div>
                    <div class="t-center simpleChoose2"><span>价格</span><span class="icon iconfont">&#xe617;</span>
                    </div>
                </div>
                <div class="content pull-to-refresh-content" data-ptr-distance="20">
                    <div class="pull-to-refresh-layer">
                        <div class="preloader"></div>
                        <div class="pull-to-refresh-arrow"></div>
                    </div>
                    <div class="train-card" id="course-class-list">
                        <!--<div class="item">-->
                            <!--<div class="item-content bg-white">-->
                                <!--<div class="img-wrap">-->
                                    <!--<img class="px-img" src="../images/my-center-header.jpg" alt=""/>-->
                                <!--</div>-->
                                <!--<div class="p-5">-->
                                    <!--<p class="c-default">android基础培训</p>-->
                                    <!--<div class="justfy">-->
                                      <!--<span class="">-->
                                          <!--<i class="iconfont icon">&#xe60f;</i>4个月课程-->
                                      <!--</span>-->
                                      <!--<span>￥5600</span>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </div>
        <div id="tab3" class="tab">
            <div class="bg-default">
                <!--幻灯片-->
                <div class="swiper-container job-swiper" id="job-swiper">
                    <div id="cy-lunbo" class="swiper-wrapper">
                       <!--<div class="swiper-slide">-->
                            <!--<img class="w-100p"src="public/images/lunbo.jpg" alt="">-->
                        <!--</div>-->
                        <!--<div class="swiper-slide">-->
                            <!--<img class="w-100p" src="public/images/lunbo.jpg" alt="">-->
                        <!--</div>-->
                        <!--<div class="swiper-slide">-->
                            <!--<img class="w-100p"src="public/images/lunbo.jpg" alt="">-->
                        <!--</div>-->
                    </div>
                    <div class="swiper-pagination" id="job-swiper-pagination"></div>
                </div>

                <div class="content pull-to-refresh-content" data-ptr-distance="20">
                    <div class="pull-to-refresh-layer">
                        <div class="preloader"></div>
                        <div class="pull-to-refresh-arrow"></div>
                    </div>
                    <div id="cy-company" class="list-block media-list list-job">
                        <!--<ul>-->
                            <!--<li>-->
                                <!--<div class="cy-company" data-unit-id="&{it.UNIT_ID}">-->
                                    <!--<div class="item-content">-->
                                        <!--<div class="item-media item-pb-0"><img src="../images/aboutBMS.jpg"></div>-->
                                        <!--<div class="item-inner item-pb-0">-->
                                            <!--<div class="item-title-row">-->
                                                <!--<div class="item-title">&{it.UNIT_NAME}</div>-->
                                            <!--</div>-->
                                            <!--<div class="item-subtitle">$${it.REMARKS}</div>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                    <!--<div class="item-foot">-->
                                        <!--<span>-->
                                            <!--查看详细-->
                                            <!--<span class="icon iconfont icon-youyou c-gray"></span>-->
                                        <!--</span>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</li>-->
                        <!--</ul>-->
                    </div>
                </div>
            </div>
        </div>
        <div id="tab4" class="tab">
            <div class="bg-default my-center b-22">
                <!-- 头部图片区域-->
                <div class="my-center-header">
                    <img id="user_head_img" src="../images/appportrait2.png" alt="头像"/>
                    <a id="login-btn" href="javascript: void(0);" progress="false" class="c-white">登录/注册</a>
                    <a id="login-info-btn" href="javascript: void(0);" progress="false" class="c-white">登录信息</a>
                    <!--
                    <a class="c-white my-setting icon iconfont" load="public/pages/wd/modify-password.html" progress="false">&#xe621;</a>
                    <a class="my-edit iconfont icon c-white c-beau-green" load="public/pages/wd/person-info.html" progress="false">&#xe605;</a>
                    -->
                </div>
                <!--内容区-->
                <!--自己定义列表-->

                <!--个人中心列表-->
                <div class="self-scroll center-list-con">
                    <div class="my-list-block">
                        <ul>
                            <li class="my-focus-load bg1">
                                <span class="my-item-title">我的关注</span>
                            </li>
                            <li class="my-resume bg2">
                                <span class="my-item-title">我的简历</span>
                            </li>
                            <li class="my-focus-resume bg13">
                                <span class="my-item-title">已投简历的岗位</span>
                            </li>
                            <li id="my-pay-btn" class="bg3">
                                <span class="my-item-title">我的缴费记录</span>
                            </li>
                        </ul>
                    </div>
                    <div class="my-list-block">
                        <ul>
                            <li id="my-choose-class" class="bg15">
                                <span class="my-item-title">班级选课</span>
                            </li>
                            <li id="my-grade-btn" class="bg4">
                                <span class="my-item-title">我的班级</span>
                            </li>
                            <li id="my-homework" class="bg14">
                                <span class="my-item-title">我的作业</span>
                            </li>
                            <li id="my-checking-btn" class="bg5">
                                <span class="my-item-title">我的考勤</span>
                            </li>
                            <!--
                            <li class="bg6">
                                <span class="my-item-title">我的请假</span>
                            </li>
                            <li class="bg7">
                                <span class="my-item-title">成绩查看</span>
                            </li>
                            -->
                        </ul>
                    </div>

                    <div class="my-list-block">
                        <ul>
                            <li id="set-btn" class="bg8">
                                <span class="my-item-title">设置</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<!--轮播图片-->
<script id="lunbo-tpl" type="text/template">
    {@each lunboList as it,index}
    <div id="home-lunbo-img" class="swiper-slide" data-zixun-id="&{it.CONTENT_ID}">
        <img class="w-100p" src="&{it.TITLE_IMG}" alt="" onerror="this.onerror='';this.src='../images/no_jpg.jpg'">
    </div>
    {@/each}
</script>

<!--最新资讯-->
<script id="zixun-tpl" type="text/template">
    {@each zixunList as it,index}
        <li>
            <a class="item-link item-content external mjy-zixun" data-zixun-id="&{it.CONTENT_ID}" progress="false">
                <div class="item-media">
                    <img src="&{it.TITLE_IMG}" style='width: 2.2rem;'>
                </div>
                <div class="item-inner">
                    {@if (it.TITLE != null) && (it.TITLE != '')}
                        <div class="item-title-row">
                            <div class="item-title">&{it.TITLE}</div>
                        </div>
                    {@/if}

                    {@if (it.SUMMARY != null) && (it.SUMMARY != '')}
                        <div class="item-subtitle c-gray">&{it.SUMMARY}</div>
                    {@/if}
                </div>
            </a>
        </li>
    {@/each}
</script>

<!-- 培训列表模版 -->
<script id="select-course-list" type="text/template">
    {@each courseList as it, index}
        <div class="item">
            <div data-class-type-id="&{it.CLASS_TYPE_ID}" class="item-content bg-white ct-main-train" progress="false">
                <div class="img-wrap">
                    <img class="px-img" src="&{it.CLASS_TYPE_PIC}" alt="" onerror="this.onerror='';this.src='../images/no_jpg.jpg'"/>
                </div>
                <div class="p-5">
                    <p class="c-default">&{it.CLASS_TYPE_NAME}</p>
                    <div class="justfy">
                        <span class="">
                            <i class="iconfont icon">&#xe60f;</i> &{num[index]}个月课程
                        </span>
                        <span class="c-time-green">
                            ￥&{price[index]}元
                        </span>
                    </div>
                </div>
            </div>
        </div>
    {@/each}
</script>


<!-- 一级目录列表 -->
<script id="select-first-categroy" type="text/template">
    {@each courseList as it, index}

    {@/each}
</script>

<!-- 二级目录列表 -->
<script id="select-second-categroy" type="text/template">
    {@each courseList as it, index}

    {@/each}
</script>

<!-- 轮播模版 -->
<script id="cy-lubo-tpl" type="text/template">
    {@each lunboList as it, index}
    <div class="swiper-slide">
        <img id="cy-lunbo-img" data-zixun-id="&{it.CONTENT_ID}" class="w-100p" src="&{it.TITLE_IMG}" alt="" onerror="this.onerror='';this.src='../images/no_jpg.jpg'">
    </div>
    {@/each}
</script>

<!-- 招聘企业列表模版 -->
<script id="cy-company-tpl" type="text/template">
    {@each companyList as it, index}
        <ul>
            <li>
                <div class="cy-company" data-unit-id="&{it.UNIT_ID}">
                    <div class="item-content">
                        <div class="item-media item-pb-0"><img src="&{it.PIC_PATH}"></div>
                        <div class="item-inner item-pb-0">
                            {@if (it.UNIT_NAME != null) && (it.UNIT_NAME != '')}
                                <div class="item-title-row">
                                    <div class="item-title">&{it.UNIT_NAME}</div>
                                </div>
                            {@/if}

                            {@if (it.REMARKS != null) && (it.REMARKS != '')}
                                <div class="item-subtitle">$${it.REMARKS}</div>
                            {@/if}
                        </div>
                    </div>
                    <div class="item-foot">
                        <span>
                            查看详细
                            <span class="icon iconfont icon-youyou c-gray"></span>
                        </span>
                    </div>
                </div>
            </li>
        </ul>
    {@/each}
</script>


<script type="text/javascript" src="../js/index.js"></script>
<script>
    $.init();
</script>
</html>